<template>
    <div class="msg-container">
        <el-card class="box-card">
            <template #header>
                <div class="card-header">
                    <span>{{ packet.sender }}</span>
                    <el-button class="button" text>Operation button</el-button>
                </div>
            </template>
            <div>
                {{ packet.content }}
            </div>
        </el-card>
    </div>
</template>

<script>
export default {
    props: {
        packet: {
            type: Object
        }
    },
    data() {
        return {

        }
    },
    methods: {
    }
}
</script>

<style scoped>
.msg-container {
    padding: 10px;
}
</style>